html,body { font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333; background:url(../images/bg.gif) repeat-x; background-color:#caf975;}

img { border:0;}
.cursor { cursor:pointer;}
.clear { clear:both;}
a {
    color: #0080FF;
    text-decoration: none;
}
.aligncenter{text-align:center;}
a img:hover { -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;}

#head { background:url(../images/bg_head.jpg) no-repeat; width:938px; height:179px; margin:0 auto; position:relative;}
#head .htxt { position:absolute; top:30px; left:145px;}
#head .search2 { position:absolute; top:30px; right:0px; background:url(../images/searchbox.png) no-repeat; width:166px; height:28px;}
#head .search2 .txtbox { border:0px; background:none; width:130px; margin:5px;}
#head .search2 img { margin-top:6px;}
#head .icon { position:absolute; top:95px; right:0px;}
#head .icon img { margin-left:10px;}
#head .news { position:absolute; top:147px; right:0px; margin-right:10px; color:#f9fd96;}

#page { background:#afd55c; border:1px solid #fff; width:938px; min-height:500px; margin:0 auto; margin-bottom:10px;}
#page #left { margin-top:20px; width:228px; float:left;}
#page #menu { background:url(../images/bg_menu.png) repeat-y; min-height:250px; position:relative;}
#page #menu .bar1 { background:url(../images/bg_submenu.png) no-repeat; width:218px; height:46px; position:absolute; left:-17px;}
#page #menu .bar2 { background:url(../images/bg_submenu.png) no-repeat; width:218px; height:46px; position:absolute; left:-17px; top:50px;}
#page #menu .bar3 { background:url(../images/bg_submenu.png) no-repeat; width:218px; height:46px; position:absolute; left:-17px; top:100px;}
#page #menu .bar4 { background:url(../images/bg_submenu.png) no-repeat; width:218px; height:46px; position:absolute; left:-17px; top:150px;}
#page #menu .bar5 { background:url(../images/bg_submenu.png) no-repeat; width:218px; height:46px; position:absolute; left:-17px; top:200px;}
#page #menu img { margin-left:20px; margin-right:10px; margin-bottom:-18px;}
#page #menu span { font-size:18px;}
#page #menu a { color:#333; text-decoration:none;}
#page #menu a:hover { margin-left:2px;}


#bgLeftlbl { background:url(../images/bg_lbl_left.png) repeat-y; min-height:0px; margin-left:5px; }
#bgLeftlbl #login { font-size:11px; color:#3d7002; padding:0 15px;}
#bgLeftlbl #login a { font-size:12px; color:#3d7002; text-decoration:none;}
#bgLeftlbl #login span { display:inline-block; width:50px; height:20px;}
#bgLeftlbl #login .register { font-weight:700;}
#bgLeftlbl #login .password { color:#666; font-size:11px;}
#bgLeftlbl #weblink { margin-left:14px; padding-bottom:10px;}
#bgLeftlbl #visitor { margin-left:20px; font-size:12px; padding-bottom:10px;}
#bgLeftlbl #visitor span { display:inline-block; width:100px;}

#center { margin-top:20px; width:688px; float:left;}
#center .borderHightlight { background:#eee; padding:5px;}
#center .bgHightlight { background:#fff;  min-height:200px;}
#center .bgHightlight p { padding-top:10px; font-size:16px; font-weight:700; }
#center .bgHightlight span { padding-top:10px; display:block; height:110px;}
#center .bgHightlight p a { color:#039; text-decoration:none; }
#center .bgHightlight p a:hover { color:#06F;}

#center #news, #inspect, #gallery { background:#fff; border:#ccc; min-height:200px;  margin-top:20px; position:relative;}
#center #news .lbl, #gallery .lbl { position:absolute; top:-5; left:-8px; z-index:10;}
#center #news .rss a { margin:20px 0 0 200px; position:absolute; z-index:20; font-size:12px; color:#FFF; text-decoration:none;}
#center #news .more a { margin:20px 0 0 630px; position:absolute; z-index:20; font-size:12px; color:#FF9; text-decoration:none; }
#center #news .newsA { width:265px; padding:60px 20px 20px; float:left;}
#center #news .newsA a { color:#333; text-decoration:none;}
#center #news .newsA p { padding-top:5px;}
#center #news .newsA img { border:1px #999 solid; padding:2px;}
#center #news .newsB { width:350px; padding:60px 20px 10px 0px; float:left; border-bottom:1px #CCC solid;}
#center #news .newsB span a { font-size:14px; font-weight:700; color:#006a04; display:block; padding-bottom:5px; text-decoration:none;}
#center #news .newsB p { font-size:13px; color:#333;}
#center #news .newsB img { margin-right:5px; border:1px #999 solid; padding:2px;}

#center #inspect .instbox { width:335px; float:left; margin-bottom:10px;}
#center #inspect .lbl { position:absolute; top:25px; left:-8px; z-index:10;}
#center #inspect .more a { margin:45px 0 0 630px; position:absolute; z-index:20; font-size:12px; color:#FF9; text-decoration:none;}
#center #inspect .instbox .thum { margin:0 5px 0 15px; border:1px #999 solid; padding:2px;}
#center #inspect .instbox p.title a { font-size:13px; font-weight:700; color:#006a04; display:block; text-decoration:none;}
#center #inspect .instbox .download { font-size:11px; color:#630; padding-bottom:3px;}
#center #inspect .instbox .download span { color:#C00; padding-right:70px;}
#center #inspect .instbox p { font-size:12px; color:#333;}

#center #meeting, #work { background:#fff; border:#ccc; min-height:200px; margin-top:20px; position:relative; width:333px; float:left;}
#center #meeting .lbl, #work .lbl { position:absolute; top:-5; left:-8px;}
#center #meeting .meetingbox { margin:0 10px; border-bottom:1px solid #ccc; height:55px; margin-bottom:10px;}
#center #meeting .meetingbox p a { font-size:12px; font-weight:700; color:#609; display:block; padding-right:10px; text-decoration:none;}
#center #meeting .more a { margin:20px 0 0 280px; position:absolute; z-index:10; font-size:12px; color:#FF9; text-decoration:none;}
#center #meeting .meetingbox span { font-size:11px; color:#666; display:block; padding-bottom:10px;}
#center #meeting .meetingbox img { padding:0 5px 10px 5px;}

#center #work .workbox { margin:0 10px; border-bottom:1px solid #ccc; height:55px; margin-bottom:10px;}
#center #work .workbox p a { font-size:12px; font-weight:700; color:#609; display:block; padding-right:10px; text-decoration:none;}
#center #work .more a { margin:20px 0 0 280px; position:absolute; z-index:10; font-size:12px; color:#FF9; text-decoration:none;}
#center #work .workbox img { padding:0 5px 10px 5px;}

#center #gallery { margin-bottom:10px;}
#center #gallery .more a { margin:20px 0 0 630px; position:absolute; z-index:20; font-size:12px; color:#FF9; text-decoration:none;}
#center #gallery .gallerybox { background:url(../images/bg_gallery.gif) no-repeat top center; width:229px; float:left;}
#center #gallery .gallerybox img { padding-left:27px;}
#center #gallery .gallerybox .name { padding:10px 0; text-align:center; font-size:12px;}
#center #gallery .gallerybox .name a { color:#333; text-decoration:none;}

#footer { background-color:#660099; font-size:14px; color:#FFF; padding:10px; margin:10px; text-align:center;}
#footer p { font-size:13px; color:#ff9c00;}

#view {background:#FFF; padding:10px;}
#view h1{font-size:20px; margin:0 0 10px; color:#006A04;}

#breadcrumb {
    background: url("../images/header_stripe.png") repeat-x scroll center center transparent;
    display: block;
    font-weight: bold;
    margin: 0 0 10px;
    text-shadow: -1px -1px 0 #FFFFFF;
    text-transform: uppercase;
}
#breadcrumb ul {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 0 0 0 10px;
    padding: 2px 5px 2px 0;
}
#breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 5px;
}
#breadcrumb span {
    line-height: 1;
    padding: 0 0 0 5px;
    vertical-align: top;
}


.search {
    background: none repeat scroll 0 0 #FFF5CC;
    border: 1px solid #F2DD8C;
    color: #555555;
    line-height: 30px;
    margin: 0 0 10px;
    padding: 10px;
    text-align: center;
}

.box .detail {
   
    clear: both;
 	background:#fff;
    position: relative;
	padding:5px;
}

.box .detail ul.list {
    margin: 0;
    padding: 0 0 20px;
}
.box .detail ul.list li {
    background: url("../images/arrow.png") no-repeat scroll 5px 11px transparent;
    border-bottom: 1px dashed #CCCCCC;
    line-height: 16px;
    padding: 10px 0 10px 25px;
	color:#363636;
}
.box .detail ul.list li a{
  
	color:#006A04;
}

.box .detail .more {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

#coverflow {
    position: relative;
    width: 620px;
	margin:88px 0 0 31px;
	height:130px;
}
#coverflow ul li img {
    background-color: #FFFFFF;
    height: 100%;
    margin: 0;
    width: 100%;
}
#coverflow ul li {
    background-color: #F9F9F9;
    height: 180px;
    list-style-type: none;
    padding: 5px;
    width: 275px;
}
.box .detail ul.roundabout-holder {
    height: 220px;
    list-style: none outside none;
    margin: 0 auto;
    width: 450px;
}
.roundabout-moveable-item {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    font-size: 12px !important;
    height: 220px;
    padding: 5px;
    width: 450px;
}
.roundabout-moveable-item img {
    background-color: #FFFFFF;
    height: 100%;
    margin: 0;
    width: 100%;
}
.roundabout-in-focus {
    cursor: auto;
}
.roundabout-in-focus:hover {
    background: none repeat scroll 0 0 #F9F9F9;
    box-shadow: 0 0 20px #787878;
}
.roundabout-holder span {
    display: none;
    font-size: 12px;
}
.roundabout-in-focus:hover span {
    background: none repeat scroll 0 0 #F9F9F9;
    border-left: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    border-top-left-radius: 5px;
    bottom: 5px;
    color: #000000;
    display: inline;
    font-size: 12px;
    padding: 8px 20px;
    position: absolute;
    right: 5px;
    z-index: 999;
}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited {
    outline: medium none;
    text-decoration: none;
}
.roundabou li {
    margin: 0;
}
.view.album ul li a {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #0080FF;
    display: block;
    float: left;
    margin: 0 0 10px 20px;
    padding: 3px;
    text-decoration: none;
}
.view.album ul li a div {
    line-height: 16px;
    margin: 0 auto;
    padding: 5px 0;
    width: 250px;
}

.contact_form {
    padding: 15px 0 0;
}
.contact_form table {
    width: 100%;
}
.contact_form th, .contact_form td {
    border: 1px solid #DDDDDD;
    padding: 5px;
    text-align: left;
}
.contact_form th {
    border-left: 3px solid #88DEFF;
    font-weight: bold;
    vertical-align: middle;
    width: 30%;
}
.contact_form td .text {
    padding: 5px;
    width: 97%;
}
.contact_form td textarea.text {
    height: 100px;
}
#tbregmember {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align: left;
    width: 100%;
}
#tbregmember th {
    background: none repeat scroll 0 0 #F3F3F3;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    font-size: 13px;
    font-weight: 700;
    padding: 3px;
}
#tbregmember td {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0;
    padding: 5px;
}
.TxtRed, .error {
    color: #CC0000;
}
label.error {
    padding: 0 0 0 5px;
}

.calendar_widget {
    clear: both;
    margin: 0 0 0 10px;
	font-size:13px;
}
.calendar_widget table {
    background: none repeat scroll 0 0 #FEC7F3;
}
.calendar_widget table td {
    background: none repeat scroll 0 0 #FDF0FA;
    border: 1px solid #FEC7F3;
    padding: 2px 5px;
    text-align: center;
}
.calendar_widget table td .highlight {
    color: #000000;
    font-weight: bold;
}
.calendar_widget table td a {
    font-weight: bold;
    text-decoration: underline;
}
.calendar_widget table tr.heading th {
    border: 1px solid #FEC7F3;
    font-weight: bold;
    padding: 2px 5px;
    text-align: center;
}
.calendar_widget table tr.week td {
    background: none repeat scroll 0 0 #FEDCF7;
    font-weight: bold;
}

#login table th {
    padding: 5px 5px 5px 0;
    text-align: right;
}
#login table td {
    padding: 0 0 5px;
}
#login p{font-size:14px; color:#363636;}
ul.member {
    margin: 0;
}
ul.member li {
    background: url("../images/tools.png") no-repeat scroll 5px 11px transparent;
    line-height: 16px;
    padding: 10px 0 0 25px;
}
ul.member li a {
    color: #0080FF;
}